<ion-view view-title="{{viewTitle}}">
    <ion-content>
        <div class="list">
            <div class="item item-divider">CheckBox</div>
            <div class="item">
                <pre ng-bind="$ctrl.checkboxs | json"></pre>
            </div>
            <ion-checkbox ng-repeat="item in $ctrl.checkboxs"
                          ng-model="item.checked"
                          ng-checked="item.checked">
                {{ item.text }}
            </ion-checkbox>

            <div class="item item-divider">Radio</div>
            <div class="item">
                Radio Selected Value: {{$ctrl.radio}}
            </div>
            <ion-radio ng-repeat="item in $ctrl.radios"
                       ng-value="item.value"
                       ng-model="$ctrl.radio">
                {{ item.text }}
            </ion-radio>

            <div class="item item-divider">Toggle</div>
            <div class="item">
                <pre ng-bind="$ctrl.toggles | json"></pre>
            </div>
            <ion-toggle ng-repeat="item in $ctrl.toggles"
                        ng-model="item.checked"
                        ng-checked="item.checked">
                {{ item.text }}
            </ion-toggle>
        </div>
    </ion-content>
</ion-view>